import { Form, Select, Input } from 'antd';
import React from 'react';
import AchieSecondBottom from '../../../component/zz/AchieSecondBottom';
import './AchieFirst.scss'


interface Props {

}


function AchieFirst(props: Props) {

    const { Option } = Select;

    const { Search } = Input;

    return (
        <div className='first'>
            <div className='top'>
                <div className='colo'></div>
                <div className='text'>考核进度</div>
            </div>
            <div className='middle'>
                <div className='left'>
                    <Form>
                        <Form.Item name="gender" label="周期类型" rules={[{ required: false }]}>
                            <Select

                                placeholder="请选择"
                                allowClear
                            >
                                <Option value="全部">全部</Option>
                                <Option value="月度">月度</Option>
                                <Option value="季度">季度</Option>
                                <Option value="半年度">半年度</Option>
                                <Option value="年度">年度</Option>
                                <Option value="其他">其他</Option>
                            </Select>
                        </Form.Item>
                    </Form>
                    <Search placeholder="请输入关键字"
                        // onSearch={onSearch}
                        style={{ width: 200 }} />
                </div>
            </div>
            <div className='bottom'>
                
                <AchieSecondBottom />
            </div>
        </div>
    );
}
interface Props {

}
export default AchieFirst;